<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>{YICMS:$web.stitle}-{YICMS:$web.title}</title>
<meta name="keywords" content="{YICMS:$web.keywords}" />
<meta name="description" content="{YICMS:$web.description} " />
<meta property="qc:admins" content="5500274235301563121116375" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="copyright" content="{YICMS::C('YiCMS_COPYRIGHT')}" />
<meta name="author" content="{YICMS::C('YICMS_AUTHOR')}" />
<link href='{YICMS:$style}static/css/style_web.css' rel="stylesheet" type="text/css" />
<script src="/Public/source/jquery.js"></script>
<script charset="utf-8" src="{YICMS:$style}static/js/header.js"></script>
<script src="{YICMS:$style}static/js/jquery.artZoom.min.js"></script>
<script>
jQuery(function ($) {
	$('.artZoom').artZoom({
		path: '{YICMS:$style}static/css/img',	// 设置artZoom图片文件夹路径
		preload: true,		// 设置是否提前缓存视野内的大图片
		blur: true,			// 设置加载大图是否有模糊变清晰的效果
		
		// 语言设置
		left: '左旋转',		// 左旋转按钮文字
		right: '右旋转',		// 右旋转按钮文字
		source: '看原图'		// 查看原图按钮文字
	});
	
});
</script>
<link rel="stylesheet" type="text/css" href="/Public/source/dialog/css/jquery.lightbox.css" />
<!--[if IE 6]>
	<link rel="stylesheet" type="text/css" href="/Public/source/dialog/css/jquery.lightbox.ie6.css" />
<![endif]-->
<script type="text/javascript" src="/Public/source/dialog/jquery.lightbox.min.js"></script>
<script type="text/javascript">
	jQuery(document).ready(function($){
		$('.lightbox').lightbox();
	});
</script>
<!--[if IE 6]>
	<script src="{YICMS::$YICMS_PUBLIC}/source/DD_belatedPNG.js"></script>
	<script>
		DD_belatedPNG.fix('.png_bg');
	</script>
<![endif]-->
</head>
<body>
<a name="top"></a>
<div class="head">
<div class="content-block png_bg">
<div class="logo"><a href="/">{YICMS:$web.stitle}</a></div>
<div class="userbar">
<script language="javascript" type="text/javascript" src="{YICMS::C('URL')}/index.php/Qqlogin/log"></script>
</div>
</div>
</div>
 <include file="Public:nav"/>
<script src="/Public/source/jquery.masonry.js"></script>
<style type="text/css">
	.item{border:1px solid #EEE;float:left;display:inline;padding:10px;margin:10px 0px 0 14px;position:relative;background:white;}
	.item img{border:none;background:white;width:200px;}
	#main{height:590px;float:left;width:960px;margin:0 auto;}
	#page_nav {clear: both; text-align: center; }	
	#page_loading {display: none; background: #111111; opacity: 0.7; height: 60px; width: 220px; padding: 10px; position: absolute; bottom: -50px; left: 330px; }
	#page_nav,#loading{display:none;}	
</style>
  
<div class="main">
	<div class="content-block">
		<div id="main">
			<YICMS_arlist num="20" day=""  page='1' islist='1' pageurl='/list-'>	
		
				<div class="item">
					<div>
						<a href="{YICMS:$list.url}" target="_blank">
							<img src="{YICMS:$list.spic}"/>
						</a>
					</div>
					<p style="padding:6px 0;line-height:18px;text-align:left;font-size:12px;border-bottom:1px solid #E1E1E1;word-wrap:break-word;word-break:break-all;">{YICMS:$list.content|msubstr=###,0,11,'utf-8',false} <a href="{YICMS:$list.url}" target="_blank">评论（{YICMS:$list.reply}）</a></p>
					<dl style="text-align:left;padding:6px;position:relative;float:left;width:160px;">
						<dt style="width:32px;height:35px;text-align:center;float:left;">
							<if condition="$list['uid'] eq ''">
								<img src="{YICMS:$list.face}noface.png" style="width:32px;height:32px;" />
							<else/>
								<img src="{YICMS:$list.face}" alt="{YICMS:$list.uname}" style="width:32px;height:32px;" />
								
							</if>
						</dt>
						<dd style="line-height:16px;float:left;margin:0 0 0 8px;width:120px;_display:inline;font-weight:bold;">
							<if condition="$list['uid'] eq ''">
								匿名<else />	{YICMS:$list.unameUrl}</if>
						</dd>
						<dd style="line-height:16px;float:left;margin:0 0 0 8px;width:120px;_display:inline;color:#666;font-size:12px;">
							{YICMS:$list.time}
						</dd>
					</dl>
				</div>
			</YICMS_arlist>	
		</div>
	</div>
</div>
<div id="loading">0</div>
<div id="page_loading">
	<span>给力加载中……</span>
</div>
<div id="page_nav">
		
		<a href="{YICMS:$pageurl}" class="next-page">下一页</a>
	
</div>
<script>
	$(function(){
		var $container = $('#main');
		$container.imagesLoaded(function(){
			$container.masonry({
				itemSelector : '.item'
			});
		});
		nextHref = $("#page_nav a").attr("href");
		$(window).bind("scroll",function(){
			if($(document).scrollTop() + $(window).height() > $(document).height() - 120 ){
				var loading = $('#loading').html();
				if(nextHref != undefined && loading != '1'){
					$('#loading').html('1');
					$("#page_loading").show("slow");
					$.ajax({
						url:$("#page_nav a").attr("href"),
						type: "POST",
						success:function(data){
							result = $(data).find("#main .item");
							nextHref = $(data).find(".next-page").attr("href");
							$("#page_nav a").attr("href", nextHref);
							$("#main").append(result);
							$newElems = result.css({opacity:0});
							$newElems.imagesLoaded(function(){
								$container.masonry('appended',$newElems,true);
								$newElems.animate({opacity: 1});
								$("#page_loading").hide("slow");
							$('#loading').html('0');
							});	
						}
					});
				}else if(loading != '1'){
					$("#page_loading span").text("木有了噢，最后一页了！");
					$("#page_loading").show("fast");
					setTimeout("$('#page_loading').hide()",1000);
					setTimeout("$('#page_loading').remove()",1100);
					$("#page_nav").remove();
				}
			}
		});
	});
</script>

<div class="foot">
	<div class="copyright">
		{YICMS:$web.copy}&nbsp;&nbsp;{YICMS:$web.statcode}
	</div>
</div>
</body>
</html>